// prettier-ignore
.activity-admin-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url('@/assets/images/scb.jpg'); 
  .wrapper-bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; }
  .wrapper-mask { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; display: flex; border-radius: 20px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); background-color: rgba(255,255,255,0.9); 
    .wrapper-sidebar{ width: 100px; display: flex; flex-direction: column; background-color: rgba(255,255,255,0.4); border-radius: 20px 0 0 20px;
      .sidebar-menu{ flex: 1; min-height: 0;
        .sidebar-item{ position: relative; padding: 20px 0; display: flex; flex-direction: column; align-items: center; cursor: pointer; transition: all 0.3s;
          &::before{ content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px; background-color: rgba(0,0,0,0.1); transform: scaleY(0.5); }
          &:first-child{ border-top-left-radius: 20px;;}
          &:hover{ background-color: rgba(255,255,255,0.2); }
          .text{ font-size: 14px; color: #333; margin-top: 10px; }
          &.active{ background-color: #ffffff;
            .text{ color: #ff5a5f; font-weight: 500; }
            :deep(.van-icon) { color: #ff5a5f; }
          }
        }
      }
      .sidebar-user{ padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 0 20px; background-color: rgba(255,255,255,0.6);
        .avatar{ width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.1); }
        .content{ flex: 1; min-width: 0; margin-left: 10px; 
          .text{ font-size: 12px; color: #666; margin-top: 5px; cursor: pointer;
            &:hover{ color: #ff5a5f; }
          }
        }
      }
      .user-info {
        background-color: #ffffff;
        display: flex;
        align-items: center;  /* 垂直居中 */
        justify-content: center;  /* 水平居中 */
        gap: 10px; /* 控制元素间距 */
      }
      
      .logout {
        cursor: pointer;
        color: #f56c6c;
        font-weight: bold;
      }
      
    }
    .wrapper-container{ position: relative; overflow: hidden; flex: 1; min-width: 0; 
      .wrapper-item{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
    }
  }
}
